import React, { Component } from 'react';
import {MyServeStyled} from 'styled/My/MyServeStyled.js'

class MyServe extends Component {
    constructor(){
        super()
        this.state={
            serveData:[
                {dataId:0,title:'推荐送分',icon:'iconfont icon-jian'},
                {dataId:1,title:'我的拼团',icon:'iconfont icon-pintuan'},
                {dataId:2,title:'收货地址',icon:'iconfont icon-dizhi'},
                {dataId:3,title:'投诉与建议',icon:'iconfont icon-jianyi'},
                {dataId:4,title:'玖逗生活',icon:'iconfont icon-13'}
            ]
        }
    }
    render() {
        return (
            <MyServeStyled>
                <header>
                    <h2>我的服务</h2>
                </header>
                <div>
                    {
                        this.state.serveData.map((item,index)=>{
                            return (
                                <p key={item.dataId}>
                                    <i className={item.icon}></i>
                                    <span>{item.title}</span>
                                </p>
                            )
                        })
                    }
                </div>
            </MyServeStyled>
        );
    }
}

export default MyServe;